/* 字体图标样式 */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?qtzwbu');
    src:  url('../fonts/icomoon.eot?qtzwbu#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?qtzwbu') format('truetype'),
      url('../fonts/icomoon.woff?qtzwbu') format('woff'),
      url('../fonts/icomoon.svg?qtzwbu#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
/* 版心 */
.w {
   width: 1200px;
   margin: 0 auto;
}
/* 字体颜色 */
.style_red {
    color: #c81623;
}
/* 快捷导航start */
.shortcut_big_box {
    height: 31px;
    background-color: #f1f1f1;
}

.shortcut {
    height: 31px;
    /* background-color: pink; */
}
/* 左盒子 */
.lf {
    float: left;
    line-height: 31px;
    width: 220px;
    
}
.lf ul li:nth-child(1),
.lf ul li:nth-child(2) {
    float: left;
    color: #666;
    font-size: 12px;
}
/* 右盒子 */
.rf {
    width: 631px;
    float: right;
    padding-left: 33px;
}

.rf ul li {
    line-height: 31px;
    float: left;
    
    
}
/* 小竖线 用盒子做 */
.rf ul li:nth-child(even) {
    width: 1px;
    height: 12px;
    background-color: #666;
    margin: 9px 14px 10px 14px;
}
/* arrow_ico 右侧小盒子，下拉小箭头 */
.rf ul .arrow_ico::after {
    content: '';
    font-family: 'icomoon';
    font-size: 14px;
}
/* 快捷导航end */

/* 头部区域start */
header {
    position: relative;
    height: 105px;
    /* background-color: skyblue; */
}
/* logo */
header .logo {
    position: absolute;
    top: 25px;
    left: 0;
    width: 219px;
    height: 61px;
    /* background-color: bisque; */
   
    

}
.logo a {
    display: block;
    width: 219px;
    height: 61px;
    /* 把里面的字体隐藏 */
    font-size: 0;
    /* 注意路径， */
    background: url(../images/logo.png) no-repeat;
   

}
/* 搜索框区域 */
.search {
    position: absolute;
    left: 347px;
    top: 27px;
    width: 538px;
    height: 35px;
    border: 2px solid #b1191a;
    /* background-color: aqua; */
}
.search input {
    float: left;
    padding-left: 10px;
    width: 456px;
    height: 31px;
    font-size: 14px;
    color: #666;
}
/* 按钮 */
.search button {
    float: right;
    width: 78px;
    height: 31px;
    background-color: #b1191a;
    color: #fff;
    font-size: 16px;
}

/* hotwords 热词区域 */
.hotwords {
    position: absolute;
    top: 69px;
    left: 347px;
    float: left;
    width: 538px;
    height: 13px;
    line-height: 13px;
    /* background-color: yellow; */

}
.hotwords ul li {
    float: left;
    margin: 0 12px;
    font-size: 12px;
    
}
/* 购物车模块 */
.shopcar {
    position: absolute;
    top: 27px;
    right: 65px;
    width: 140px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7 ;
    text-align: center;
    font-size: 12px;
    
}
/* 小车子图标 */
.shopcar::before {
    content: '';
    font-family: 'icomoon';
    margin-right: 7px;
    color: #d84b4b;

}
/* 右拉小箭头图标 */
.shopcar::after {
    content: '';
    font-family: 'icomoon';
    margin-left: 13px ;
    font-size: 12px;
    
}
/* 计件小红圆点 */
.shopcar .count {
    position: absolute;
    top: -7px;
    left: 96px;
    padding: 0 5px; 
    height: 14px;
    line-height: 14px;
    border-radius: 7px 7px 7px 0;
    color: #fefefe;
    background: #e60012;

}
/* nav 导航栏 */
.box_nav{
    height: 47px;
    border-bottom: 2px solid #b1191a;
    background-color: #fff;
}
.nav {
    height: 47px;
   
}
.nav .dropdown  {
   
    float: left;
    margin-top: 2px;
    width: 206px;
    height: 45px;
    background-color: #b1191a;  
}

.nav .dropdown .dt {
    
    width: 206px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    
    font-size: 16px;
    color: #fff;
}

.nav .dropdown .dd {
    /* display: none; */
    height: 465px;
    width: 206px;
    background-color: #c81623;
} 
.nav .navitmes {
    float: left;
    width: 994px;
    height: 45px;
    
}
/* 下拉栏 */

.dd ul li {
    padding-left: 10px;
    /* padding-top: 7px; */
    height: 31px;
    line-height: 31px;
}
.dd ul li a {
    display: block;
    font-size: 14px;
    color: #fff;
}
.dd ul li a::after {
    
    display: block;
    padding-right: 10px;
    float: right;
    content: '';
    font-family: 'icomoon';
    color: #fff;
}
.dd ul li:hover a {
    background-color: #f7f7f7;
    /* padding-left: 0;
    border-left: 2px solid  #c81623; */
    color: #c81623;
   
}
.dd ul li:hover {
    padding-left: 0;
    border-left: 2px solid  #c81623;
}
/* 右边导航选项 */
.navitmes {
    
    width: 730px;
    height: 45px;
    line-height: 45px;
    

}
.navitmes ul li {
    float: left;
    font-size: 16px;
    color: #333;
}
.navitmes ul li a {
    /* 文字个数不一致，padding加到a连接身上， */
    padding: 0 25px;
}

/* 尾部区域footer */
.footer {
    height: 417px;
    background-color: #f5f5f5;
}
.mod_service {
    height: 106px;
    border-bottom: 2px solid #ededed;
}
.mod_service ul li {
    float: left;
    padding: 0 39px;
    padding-top: 30px;
    width: 240px;
    height: 109px;
    /* background-color: #c81623; */
}
.mod_service ul li i {
    float: left;
    width: 50px;
    height: 50px;
}
.mod_service ul li .zhengping {
    background: url(../images/icons.png) no-repeat -252px -2px;
}
.mod_service ul li .jishu {
    background: url(../images/icons.png) no-repeat -255px -54px;
}
.mod_service ul li .wuyou {
    background: url(../images/icons.png) no-repeat -255px -106px;
}
.mod_service ul li .teshe {
    background: url(../images/icons.png) no-repeat -257px -157px;
}
.mod_service ul li .bangzhuh {
    background: url(../images/icons.png) no-repeat -255px -208px;
}



.mod_service ul li p {
    line-height: 24px;
}
.mod_service ul li p strong {
    font-size: 14px;
    color: #333;
}
.mod_service ul li p span {
    font-size: 12px;
    color: #666;
}

/* 帮助模块，mod_help */
.mod_help {
    height: 187px;
    background-color: #f5f5f5;
    border-bottom: 2px solid #ededed;
}
.mod_help dl  {
    float: left;
    margin-left: 50px;
    margin-top: 20px;
    width: 150px;
    /* background-color: red; */
}
.mod_help dl dt {
    margin-bottom: 12px;
    font-size: 16px;
    color: #333;
}
.mod_help dl dd{
    line-height: 20px;
    font-size: 12px;
    color: #666;
}
.mod_help dl:last-child {
    margin-left: 0;
    text-align: center;
}
/* 版权模块 ,mod_copyright */
.mod_copyright {
    width: 1200px;
    
    padding-top: 18PX;
    height: 120px;
    
}
.mod_copyright ul {
    padding-left: 116px;
    height: 20px;
}
.mod_copyright ul li {
    float: left;
    height: 20px;
    line-height: 20px;    
   
}
.mod_copyright ul li:nth-child(2n) {
    margin: 0 15px;
    width: 1px;
    height: 20px;
    background-color: #999;
}
.mod_copyright ul li a {
    display: block;
    font-size: 12px;
    color: #666;
}
.mod_copyright ul li a:hover {
    color: #c81623;
}
.mod_copyright p {
    padding-top: 17px;
    line-height: 22px;
    text-align: center;
    width: 1200px;
    height: 33px;
    font-size: 12px;
    color: #666;
   
}
/* 尾部区域end */

